define(['vue'],function (vue) {
    return function (data) {
        new vue({
            el:'#menu',
            data:{
                menus:data,
                active:{}
            },
            methods:{
                //添加一级菜单
                add(){
                    //添加一级分类就是往menus里面追加一个对象
                    if (this.menus.length < 3){
                        var item = {type:'view',name:'菜单',url:'',sub_button:[]};
                        this.menus.push(item);
                        //调用设置当前操作菜单方法
                        this.setActive(item);
                    }
                },
                //删除以及菜单
                del(k){
                    //将menus中对应下标的数据删除
                    this.menus.splice(k,1);
                },
                //添加子菜单
                addSubMenu(v){
                    //向接收到的v里面添加子菜单
                    if (v.sub_button.length < 5){
                        var item = {type:'view',name:'子菜单',url:''};
                        v.sub_button.push(item);
                        //调用设置当前操作菜单方法
                        this.setActive(item);
                    }
                },
                delSubButton(v,n){
                    //删除对应菜单的第n个子菜单
                    v.sub_button.splice(n,1);
                },
                //设置当前操作的菜单数据
                setActive(item){
                    this.active = item;
                }
            }
        })
    }
})